/***********************************

	www.proxecto.nl - layout.css
	
	design :	proxecto
	development :   proxecto
	
	proxecto
	www.proxecto.nl
	
	may 2010
	
***********************************/

html {
	position: relative;
	height: 100%;
	width: 100%;
	background-color: #fff;
}

body {
	position: relative;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	
}

#container {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-image: url(../../images/proxecto/background.gif);
    background-repeat: repeat-x;
}

    #wrapper {
            position: relative;
            margin: 0 auto;
            width: 1034px;
            height: auto !important;
            min-height: 100%;
    }

            #header {
                    position: relative;
                    height: 107px;
                    width: 1034px;
            }

                    #logo {
                            position: relative;
                            height: 83px;
                            width: 306px;
                            margin: 24px 0 0 22px;
                            float: left;
                    }

                    #navigation-bar {
                            position: relative;
                            height: 33px;
                            width: 706px;
                            margin: 42px 0 0 0;
                            float: right;
                    }

            #slider-bar {
                    position: relative;
                    height: 438px;
                    width: 1034px;
                    margin: 63px 0 0 0;
            }

                    #left-arrow {
                            position: relative;
                            height: 44px;
                            width: 44px;
                            float: left;
                            margin: 184px 0 0 0;
                            padding: 0;
                    }

                    #project-wrapper {
                        position: relative;
                        height: 438px;
                        width: 946px;
                        float: left;
                    }

                    .slide {
                        position: relative;
                        height: 438px;
                        width: 946px;
                        float: left;
                    }

                    .iMac-preview {
                            position: relative;
                            height: 438px;
                            width: 507px;
                            float: left;
                            margin: 0 0px 0 21px;
                            padding: 0;
                    }

                            .iMac-inside {
                                    position: absolute;
                                    height: 265px;
                                    width: 467px;
                                    top: 19px;
                                    left: 21px;
                            }

                            .iMac-light {
                                    position: absolute;
                                    height: 349px;
                                    width: 301px;
                                    right: 0px;
                                    top: 0;
                                    background-image: url(../../images/proxecto/iMac-light.png);
                            }

                    .site-preview {
                            position: relative;
                            height: 250px;
                            width: 391px;
                            float: left;
                            margin: 115px 12px 0 15px;
                            padding: 0;
                    }

                    #right-arrow {
                            position: relative;
                            height: 44px;
                            width: 44px;
                            float: left;
                            margin: 184px 0 0 0;
                            padding: 0;
                    }

            #divider-top-content {
                    position: relative;
                    height: 1px;
                    width: 990px;
                    margin: 28px 22px 23px 22px;
                    padding: 0;
                    border-top: 1px solid #E0E0E0;
            }

            #content-bar {
                    position: relative;
                    height: auto;
                    width: 1034px;
                    overflow: auto;
                    margin-bottom: 25px;
            }

                    #content-left {
                            position: relative;
                            height: auto;
                            width: 613px;
                            float: left;
                            margin: 0 0 25px 22px;
                            padding: 0;
                    }
                    
                    #content-right {
                            position: relative;
                            height: auto;
                            width: 324px;
                            float: left;
                            margin: 0 0 25px 53px;
                            padding: 0;
                    }
                    
                    #content-left-portfolio {
                        position: relative;
                        height: auto;
                        width: 990px;
                        float: left;
                        margin: 0 22px 0px 22px;
                        padding: 0;
                    }
                    
                        #galleria {
                            position: relative;
                            width: 550px;
                            height: 280px;
                            margin-left: 12px;
                            float: left;
                        }
                        
                        #galleria-description {
                            position: relative;
                            float: left;
                            width: 400px;
                            margin: 0 12px;
                        }
                    
    #footer {
        clear:both;
        bottom: 0 !important;
        width: 100%;
        height: 35px;
        background: #BE0004;
        font-family: Helvetica, Arial;
        font-size: 12px;
        color: #eeeeee;
    }
            #inner-footer {
                position: relative;
                width: 1034px;
                height: 35px;
                margin: 0 auto;
                text-align: center;
            }
                    #inner-footer-left {
                        width: 450px;
                        height: 23px;
                        float: left;
                        text-align: left;
                        padding: 10px 0 0 0;
                        margin: 0 0 0 34px;
                    }
                    #inner-footer-right {
                        width: 450px;
                        height: 23px;
                        float: left;
                        text-align: right;
                        padding: 10px 0 0 0;
                    }